@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  width: 100%;
  height: 100%;
}
@font-face {
  font-family: 'YouSheBiaoTiHei'; /*声明一个名为iconfont的字体变量*/
  src: url('./fonts/YouSheBiaoTiHei.ttf');
  src: url('./fonts/YouSheBiaoTiHei.ttf') format('truetype');
}
@font-face {
  font-family: 'PingFangSC'; /*声明一个名为iconfont的字体变量*/
  src: url('./fonts/PingFangSC.ttf');
  src: url('./fonts/PingFangSC.ttf') format('truetype');
}
@font-face {
  font-family: 'DINPro'; /*声明一个名为iconfont的字体变量*/
  src: url('./fonts/DINPro.ttf');
  src: url('./fonts/DINPro.ttf') format('truetype');
}
@layer components {
  .demo01-bg {
    @apply bg-fullBg bg-cover bg-no-repeat;
    @apply before:bg-leftSiderBg before:bg-no-repeat before:bg-[length:100%_100%] before:absolute before:left-[8px] before:bottom-[22px] before:top-[11px] before:w-[18px];
    @apply after:bg-rightSiderBg after:bg-no-repeat after:bg-[length:100%_100%] after:absolute after:right-[8px] after:bottom-[22px] after:top-[11px] after:w-[18px];
  }
  .menu-title {
    background-image: theme('colors.whiteToBlue');
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .font-family-YouSheBiaoTiHei {
    font-family: YouSheBiaoTiHei;
  }
  .font-family-MicrosoftYaHei {
    font-family: MicrosoftYaHei;
  }
  .font-family-PingFangSC {
    font-family: PingFangSC;
  }
  .font-family-DINPro {
    font-family: DINPro;
  }
}
